// 路径导航
.product-list-title {
  height: 1.52rem;
  background-color: #ebebeb;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebebeb));
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ccc;
  line-height: 1.52rem;
  padding-left: .16rem;
  font-size: .48rem;

  .select {
    float: right;
    margin-right: .32rem;
    display: block;
    height: 1.12rem;
    background-color: #d0d0d0;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d7d7d7), to(#f5f5f5));
    box-shadow: 0 1px 2px #888;
    border-radius: .1rem;
    font-size: .48rem;
    line-height: 1.12rem;
    border: none;
    padding: 0 .64rem;
    margin-top: .2rem;
  }
}

.cate_main {
  .hd {
    background: #f3f3f3;
    border: 1px solid #c8c8c8;
    border-left: none;
    border-right: none;
    color: #874604;

    h3 {
      line-height: 1.44rem;
      font-size: .56rem;
      padding-left: .4rem;
      font-weight: 700;
    }
  }

  //哪个好
  .cate-one {
    li {
      border-bottom: 1px solid #e7e7e7;
      padding: .4rem;
      background-image: url(/assets/img/arrow-right.svg);
      background-repeat: no-repeat;
      background-size: .8rem .8rem;
      background-position: right center;

      &:nth-child(1){
        em{
          background-color: red;
        }
      }
      &:nth-child(2){
        em{
          background-color: orange;
        }
      }
      &:nth-child(3){
        em{
          background-color: lime;
        }
      }

      a {
        display: flex;

        em {
          width: .8rem;
          height: .8rem;
          text-align: center;
          background: #999;
          color: #FFF;
          line-height: .8rem;
          margin-left: .4rem; 
          font-size: .56rem;
          align-self: center;
        }

        .inner {
          flex: 1;
          padding-left: .6rem;
          .tit {
            font-size: .62rem;
          }

          p {
            color: #999;
            margin-top: .16rem;
            font-size: .56rem;
          }
        }
      }
    }
  }

  //排行榜
  .cate-rank{
    li {
      padding: 14px 8px;
      border-bottom: 1px solid #e7e7e7;
  
      a {
        display: flex;
        overflow: hidden;
  
        img {
          float: left;
          height: 4rem;
          width: 4rem;
          margin-left: .4rem;
        }
  
        .info{
          flex: 1;
          padding-left: .4rem;
          .tit{
            height: 2rem;
          }
          .price{
            height: 1rem;
            color: red;
            font-weight: 700;
          }
          .other{
            height: 1rem;
            color: #a1a1a1;
            font-size: .38rem;
          }
        }
      }
    }
  }
}